<!--pages/more/index.html-->
<section class="more" v-loading.fullscreen.lock="loading">
  <div class="sortList_breadcrumbs">
    <span  @click="backFilePath" class="icon-a-bianzu25 iconfont"></span>
    <Breadcrumbs devideIcon="/" :pathes="folderPathes" @pathClick="tiYiPathClick" />
  </div>
  <div class="info_content_file">
    <ok-checkbox-group class="checkbox-group" :showControl="false" ref="checkboxGroup">
      <div slot="content">
        <div class="custom-order ok-selectlist">
          <div v-for="item in tiYiList"  :key="item.id" class="ok-selectlist-item" :class="{'active':item.checkValue}">
            <div class="ok-selectlist-icon">
              <label class="ok-checkbox-wrapper">
                <ok-checkbox :checked="item.checkValue" @onChange="(val)=>{checkChangeValue(val,item)} " />
              </label>
            </div>
            <div @click="tiYiFolderClick(item)" class="ok-selectlist-thumb"><imgItem :fileName="item.name" :isDir="!item.fileType" :content="item" /></div>
            <div @click="tiYiFolderClick(item)" class="ok-selectlist-content">
              <div class="ok-selectlist-content-title">
                <div class="ok-selectlist-title">{{item.name}}</div>
                <div class="ok-selectlist-subtitle">{{item.time}}</div>
              </div>
            </div>
            <div class="ok-selectlist-extra">
              <div>
                <svg class="ok-icon ok-icon-ellipsis ok-icon-md">
                  <use xlink:href="#ellipsis"></use>
                </svg>
              </div>
            </div>
          </div>
        </div>
      </div>
    </ok-checkbox-group>

  </div>
  <div class="content_btn">
    <ok-button :btnStyle="backBtnStyle" @click="gotoBack">返 回</ok-button>
    <ok-button :btnStyle="btnStyle" :disabled="tiYiSelectedList.length===0" style="width:30%;" class="btnStyle" @click="confirmMoreFile">确 定</ok-button>
  </div>
</section>
